.weather-container{
    width: 100vw;
    height: 100vh;
    background-color: #3E90F0;
    color: white;
    padding: 20rpx;
    box-sizing: border-box;
    .weather-header{
        display: flex;
        margin-bottom: 50rpx;
        .search-box{
            display: flex;
            input{
                background-color: #5D99ED;
                border-radius: 50rpx;
                padding: 0 20rpx;
                margin-left: 20rpx;
            }
            text{
                margin-left: 40rpx;
            }
        }
    }
    .weather-today{
        display: flex;
        .temperature{
            font-size: 80rpx;
            margin-right: 40rpx;
        }
        .today{
            .air{
                text-align: center;
                width: 120rpx;
                background-color: #65D45A;
                border-radius: 50rpx;
                margin-bottom: 20rpx;
            }
        }
    }
    .weather-details{
        margin-top: 20rpx;
    }
// 、近7日
    .forecast{
        width: 100%;
        height: 500rpx;
        background-color: #fff;
        color: black;
        padding: 30rpx;
        border-radius: 20rpx;
        box-sizing: border-box;
        margin-top: 30rpx;
        display: flex;
        // flex-wrap: wrap;
        box-sizing: border-box;
        .forecast-item{
            width: 800rpx;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin:30rpx 10rpx;
            // background-color:aqua;
            box-sizing: border-box;
            image{
                width: 150rpx;
                height: 150rpx;
            }
            .weather{
                font-size:34rpx;
                margin: 10rpx 0;
            }
            .wind{
                font-size: 26rpx;
            }
        }
    }
}